<template>
  <div id="app">
    <router-view />
    <!-- <Bottom v-show="$store.getters.showNav" /> -->
    <Bottom v-show="showNav" />
  </div>
</template>

<script>
import Bottom from "./views/Bottom";
import { mapGetters } from "vuex"; // 辅助函数

export default {
  name: "App",
  components: {
    Bottom,
  },
  // computed:
  //   // 替代$store.getters.showNav
  //   mapGetters(["showNav"]),
  computed: {
    ...mapGetters(["showNav"]),
  },
};
</script>

<style>
</style>
